<template>
    <TCollapse title="调整前项目">
        <el-form :model="prjDetail" label-width="160px" class="pms-form" size="mini" :inline="true">
            <el-row :gutter="24" style="margin-bottom: 10px">
                <el-col :span="12">
                    <el-form-item label="项目名称" style="width: 100%" prop="categoryName">
                        <el-input v-model="prjDetail.oldPrjName" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="项目编码" style="width: 100%" prop="categoryCode">
                        <el-input v-model="prjDetail.oldPrjCode" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="站址名称" style="width: 100%" prop="categoryCode">
                        <el-input v-model="prjDetail.oldSiteName" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="24">
                <el-col :span="6">
                    <el-form-item label="站址编码" style="width: 100%" prop="categoryName">
                        <el-input v-model="prjDetail.oldSiteCode" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="站址经纬度" style="width: 100%" prop="categoryCode">
                        <el-input v-model="longLat" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="项目管理岗" style="width: 100%" prop="categoryCode">
                        <el-input v-model="projectManager" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
                <el-col :span="6">
                    <el-form-item label="方案造价岗" style="width: 100%" prop="categoryCode">
                        <el-input v-model="costManager" class="pms-zr-input" :disabled="true"/>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
    </TCollapse>
</template>

<script>

export default {
    name: 'ProjectPreInfo',
    props: {
        prjDetail: {
            type: Object,
            default: () => ({})
        }
    },
    computed:{
        longLat(){
            return (this.prjDetail.oldSiteLongitude || '' ) + ( this.prjDetail.oldSiteLatitude ? ',' + this.prjDetail.oldSiteLatitude :'') ;
        },
        projectManager(){
            return (this.prjDetail.oldPrjManagerName || '' ) + ( this.prjDetail.oldPrjManagerAccount ? '(' + this.prjDetail.oldPrjManagerAccount + ')' :'');
        },
        costManager(){
            return (this.prjDetail.oldPrjCostManagerName || '' ) + ( this.prjDetail.oldPrjCostManagerAccount ? '(' + this.prjDetail.oldPrjCostManagerAccount + ')' : '');
        }
    },
}
</script>

<style scoped lang="scss">

</style>